﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        {% block title %}
            <title>咖啡厅-后台</title>
        {% endblock %}
        <!-- Bootstrap Styles-->
        <link href="/static/admin/css/bootstrap.css" rel="stylesheet" />
        <!-- FontAwesome Styles-->
        <link href="/static/admin/css/font-awesome.css" rel="stylesheet" />
        <!-- Custom Styles-->
        <link href="/static/admin/css/custom-styles.css" rel="stylesheet" />
        <!-- Google Fonts-->
        <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet'
        type='text/css' />
    </head>
    
    <body>
        <div id="wrapper">
            <nav class="navbar navbar-default top-navbar" role="navigation">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                        <span class="sr-only">
                            Toggle navigation
                        </span>
                        <span class="icon-bar">
                        </span>
                        <span class="icon-bar">
                        </span>
                        <span class="icon-bar">
                        </span>
                    </button>
                    <a class="navbar-brand" href="index.html">
                        <i class="fa fa-comments">
                        </i>
                        <strong>
                            MASTER
                        </strong>
                    </a>
                </div>
                <ul class="nav navbar-top-links navbar-right">
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                            <i class="fa fa-envelope fa-fw">
                            </i>
                            <i class="fa fa-caret-down">
                            </i>
                        </a>
                        <ul class="dropdown-menu dropdown-messages">
                            <li>
                                <a href="#">
                                    <div>
                                        <strong>
                                            John Doe
                                        </strong>
                                        <span class="pull-right text-muted">
                                            <em>
                                                Today
                                            </em>
                                        </span>
                                    </div>
                                    <div>
                                        Lorem Ipsum has been the industry's standard dummy text ever since the
                                        1500s...
                                    </div>
                                </a>
                            </li>
                            <li class="divider">
                            </li>
                            <li>
                                <a href="#">
                                    <div>
                                        <strong>
                                            John Smith
                                        </strong>
                                        <span class="pull-right text-muted">
                                            <em>
                                                Yesterday
                                            </em>
                                        </span>
                                    </div>
                                    <div>
                                        Lorem Ipsum has been the industry's standard dummy text ever since an
                                        kwilnw...
                                    </div>
                                </a>
                            </li>
                            <li class="divider">
                            </li>
                            <li>
                                <a href="#">
                                    <div>
                                        <strong>
                                            John Smith
                                        </strong>
                                        <span class="pull-right text-muted">
                                            <em>
                                                Yesterday
                                            </em>
                                        </span>
                                    </div>
                                    <div>
                                        Lorem Ipsum has been the industry's standard dummy text ever since the...
                                    </div>
                                </a>
                            </li>
                            <li class="divider">
                            </li>
                            <li>
                                <a class="text-center" href="#">
                                    <strong>
                                        Read All Messages
                                    </strong>
                                    <i class="fa fa-angle-right">
                                    </i>
                                </a>
                            </li>
                        </ul>
                        <!-- /.dropdown-messages -->
                    </li>
                    <!-- /.dropdown -->
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                            <i class="fa fa-tasks fa-fw">
                            </i>
                            <i class="fa fa-caret-down">
                            </i>
                        </a>
                        <ul class="dropdown-menu dropdown-tasks">
                            <li>
                                <a href="#">
                                    <div>
                                        <p>
                                            <strong>
                                                Task 1
                                            </strong>
                                            <span class="pull-right text-muted">
                                                60% Complete
                                            </span>
                                        </p>
                                        <div class="progress progress-striped active">
                                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60"
                                            aria-valuemin="0" aria-valuemax="100" style="width: 60%">
                                                <span class="sr-only">
                                                    60% Complete (success)
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="divider">
                            </li>
                            <li>
                                <a href="#">
                                    <div>
                                        <p>
                                            <strong>
                                                Task 2
                                            </strong>
                                            <span class="pull-right text-muted">
                                                28% Complete
                                            </span>
                                        </p>
                                        <div class="progress progress-striped active">
                                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="28"
                                            aria-valuemin="0" aria-valuemax="100" style="width: 28%">
                                                <span class="sr-only">
                                                    28% Complete
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="divider">
                            </li>
                            <li>
                                <a href="#">
                                    <div>
                                        <p>
                                            <strong>
                                                Task 3
                                            </strong>
                                            <span class="pull-right text-muted">
                                                60% Complete
                                            </span>
                                        </p>
                                        <div class="progress progress-striped active">
                                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60"
                                            aria-valuemin="0" aria-valuemax="100" style="width: 60%">
                                                <span class="sr-only">
                                                    60% Complete (warning)
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="divider">
                            </li>
                            <li>
                                <a href="#">
                                    <div>
                                        <p>
                                            <strong>
                                                Task 4
                                            </strong>
                                            <span class="pull-right text-muted">
                                                85% Complete
                                            </span>
                                        </p>
                                        <div class="progress progress-striped active">
                                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="85"
                                            aria-valuemin="0" aria-valuemax="100" style="width: 85%">
                                                <span class="sr-only">
                                                    85% Complete (danger)
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </li>
                            <li class="divider">
                            </li>
                            <li>
                                <a class="text-center" href="#">
                                    <strong>
                                        See All Tasks
                                    </strong>
                                    <i class="fa fa-angle-right">
                                    </i>
                                </a>
                            </li>
                        </ul>
                        <!-- /.dropdown-tasks -->
                    </li>
                    <!-- /.dropdown -->
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                            <i class="fa fa-bell fa-fw">
                            </i>
                            <i class="fa fa-caret-down">
                            </i>
                        </a>
                        <ul class="dropdown-menu dropdown-alerts">
                            <li>
                                <a href="#">
                                    <div>
                                        <i class="fa fa-comment fa-fw">
                                        </i>
                                        New Comment
                                        <span class="pull-right text-muted small">
                                            4 min
                                        </span>
                                    </div>
                                </a>
                            </li>
                            <li class="divider">
                            </li>
                            <li>
                                <a href="#">
                                    <div>
                                        <i class="fa fa-twitter fa-fw">
                                        </i>
                                        3 New Followers
                                        <span class="pull-right text-muted small">
                                            12 min
                                        </span>
                                    </div>
                                </a>
                            </li>
                            <li class="divider">
                            </li>
                            <li>
                                <a href="#">
                                    <div>
                                        <i class="fa fa-envelope fa-fw">
                                        </i>
                                        Message Sent
                                        <span class="pull-right text-muted small">
                                            4 min
                                        </span>
                                    </div>
                                </a>
                            </li>
                            <li class="divider">
                            </li>
                            <li>
                                <a href="#">
                                    <div>
                                        <i class="fa fa-tasks fa-fw">
                                        </i>
                                        New Task
                                        <span class="pull-right text-muted small">
                                            4 min
                                        </span>
                                    </div>
                                </a>
                            </li>
                            <li class="divider">
                            </li>
                            <li>
                                <a href="#">
                                    <div>
                                        <i class="fa fa-upload fa-fw">
                                        </i>
                                        Server Rebooted
                                        <span class="pull-right text-muted small">
                                            4 min
                                        </span>
                                    </div>
                                </a>
                            </li>
                            <li class="divider">
                            </li>
                            <li>
                                <a class="text-center" href="#">
                                    <strong>
                                        See All Alerts
                                    </strong>
                                    <i class="fa fa-angle-right">
                                    </i>
                                </a>
                            </li>
                        </ul>
                        <!-- /.dropdown-alerts -->
                    </li>
                    <!-- /.dropdown -->
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                            <i class="fa fa-user fa-fw">
                            </i>
                            <i class="fa fa-caret-down">
                            </i>
                        </a>
                        <ul class="dropdown-menu dropdown-user">
                            <li>
                                <a href="#">
                                    <i class="fa fa-user fa-fw">
                                    </i>
                                    User Profile
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="fa fa-gear fa-fw">
                                    </i>
                                    Settings
                                </a>
                            </li>
                            <li class="divider">
                            </li>
                            <li>
                                <a href="#">
                                    <i class="fa fa-sign-out fa-fw">
                                    </i>
                                    Logout
                                </a>
                            </li>
                        </ul>
                        <!-- /.dropdown-user -->
                    </li>
                    <!-- /.dropdown -->
                </ul>
            </nav>

            <!-- 左侧功能 -->
            <nav class="navbar-default navbar-side" role="navigation">
                <div class="sidebar-collapse">
                    <ul class="nav" id="main-menu">
                        <li>
                            <a class="active-menu" href="empty.html">
                                <i class="fa fa-fw fa-file">
                                </i>
                                首页
                            </a>
                        </li>

                        <!-- 会员管理 -->
                        <li>
                            <a href="#">
                                <i class="fa fa-sitemap">
                                </i>
                                会员管理
                                <span class="fa arrow">
                                </span>
                            </a>
                            <ul class="nav nav-second-level">
                                <li>
                                    <a href="#">
                                        会员列表
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        会员添加
                                    </a>
                                </li>
                               
                            </ul>
                        </li>

                        <!-- 商品分类 -->
                        <li>
                            <a href="#">
                                <i class="fa fa-sitemap">
                                </i>
                                商品分类
                                <span class="fa arrow">
                                </span>
                            </a>
                            <ul class="nav nav-second-level">
                                <li>
                                    <a href="#">
                                        商品分类
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        商品分类添加
                                    </a>
                                </li>
                               
                            </ul>
                        </li>

                        <!-- 商品管理 -->
                        <li>
                            <a href="#">
                                <i class="fa fa-sitemap">
                                </i>
                                商品
                                <span class="fa arrow">
                                </span>
                            </a>
                            <ul class="nav nav-second-level">
                                <li>
                                    <a href="#">
                                        商品列表
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        商品添加
                                    </a>
                                </li>
                               
                            </ul>
                        </li>



                        <li>
                            <a href="index.html">
                                <i class="fa fa-dashboard">
                                </i>
                                Dashboard
                            </a>
                        </li>
                        <li>
                            <a href="ui-elements.html">
                                <i class="fa fa-desktop">
                                </i>
                                UI Elements
                            </a>
                        </li>
                        <li>
                            <a href="chart.html">
                                <i class="fa fa-bar-chart-o">
                                </i>
                                Charts
                            </a>
                        </li>
                        <li>
                            <a href="tab-panel.html">
                                <i class="fa fa-qrcode">
                                </i>
                                Tabs & Panels
                            </a>
                        </li>
                        <li>
                            <a href="table.html">
                                <i class="fa fa-table">
                                </i>
                                Responsive Tables
                            </a>
                        </li>
                        <li>
                            <a href="form.html">
                                <i class="fa fa-edit">
                                </i>
                                Forms
                            </a>
                        </li>
                        
                        
                    </ul>
                </div>
            </nav>
            <!-- /. NAV SIDE -->

            <div id="page-wrapper">
                <div id="page-inner">
                    <div class="row">
                        <div class="col-md-12">
                            <h1 class="page-header">
                                Empty Page
                                <small>
                                    Create new page.
                                </small>
                            </h1>
                        </div>
                    </div>
                    <!-- /. ROW -->
                    <footer>
                        <p>
                            Copyright &copy; 2016.Company name All rights reserved.More Templates
                            <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">
                                模板之家
                            </a>
                            - Collect from
                            <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">
                                网页模板
                            </a>
                        </p>
                    </footer>
                </div>
                <!-- /. PAGE INNER -->
            </div>
            <!-- /. PAGE WRAPPER -->
        </div>
        <!-- /. WRAPPER -->
        <!-- JS Scripts-->
        <!-- jQuery Js -->
        <script src="/static/admin/js/jquery-1.10.2.js">
        </script>
        <!-- Bootstrap Js -->
        <script src="/static/admin/js/bootstrap.min.js">
        </script>
        <!-- Metis Menu Js -->
        <script src="/static/admin/js/jquery.metisMenu.js">
        </script>
        <!-- Custom Js -->
        <script src="/static/admin/js/custom-scripts.js">
        </script>
    </body>

</html>